<template>
	<el-main>
		<el-row :gutter="15">
			<el-col :lg="12">
				<el-card shadow="never" header="基础用法">
					<Simple1 />
				</el-card>
			</el-col>
			<el-col :lg="12">
				<el-card shadow="never" header="只读表单">
					<Simple2 />
				</el-card>
			</el-col>
			<el-col :lg="12">
				<el-card shadow="never" header="表单校验">
					<Simple3 />

				</el-card>
			</el-col>
			<el-col :lg="12">
				<el-card shadow="never" header="栅格布局">
					<Simple4 />
				</el-card>
				<el-card shadow="never" header="栅格布局">
					<Simple5 />
				</el-card>
			</el-col>
		</el-row>
	</el-main>
</template>

<script setup>
import { ref } from "vue";
import Simple1 from "./simple1.vue";
import Simple2 from "./simple2.vue";
import Simple3 from "./simple3.vue";
import Simple4 from "./simple4.vue";
import Simple5 from "./simple5.vue";

</script>

<style></style>
